<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window oa" class="window oa" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/row/row,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/list/list,$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/output/output,">  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" data-events="onLoad:modelLoad"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/contents/contents" class="x-contents x-full" xid="contents1" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&quot;active&quot;:0}"> 
    <div class="x-contents-content active" xid="main" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}"> 
      <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
        <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;摄像头拍照/录像&quot;}"> 
            <div class="x-titlebar-left" xid="div1"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="backBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:backBtnClick" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;,&quot;label&quot;:&quot;&quot;}"> 
                <i xid="i2" class="icon-chevron-left"/>  
                <span xid="span1"/> 
              </a> 
            </div>  
            <div class="x-titlebar-title" xid="div2">摄像头拍照/录像</div>  
            <div class="x-titlebar-right " xid="div3"> 
              <div class="empty"/> 
            </div> 
          </div> 
        </div>  
        <div class="x-panel-content" xid="content3" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
          <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group" xid="controlGroup1" style="height:459px;" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&quot;title&quot;:&quot;title&quot;}"> 
            <div xid="div5"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn x-yellow device-button-white" xid="cameraBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:cameraBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;拍照&quot;}"> 
                <i xid="i1"/>  
                <span xid="span2">拍照</span> 
              </a> 
            </div>  
            <div xid="div7"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn x-yellow device-button-white" xid="captureBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:captureBtnClick" data-config="{&quot;disabled&quot;:true,&quot;label&quot;:&quot;录像&quot;}"> 
                <i xid="i5"/>  
                <span xid="span4">录像</span> 
              </a> 
            </div>  
            <div xid="div9" style="height:33px;" class="list-row"/>  
            <div component="$model/UI2/system/components/justep/row/row" class="x-row list-row" xid="emptyRow" style="height:48px;" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'},visible:$model.fileData.getCount() == 0"> 
              <div class="x-col x-col-center" xid="col1"> 
                <label xid="label3" style="color:#C0C0C0;">无历史记录</label> 
              </div> 
            </div>  
            <div component="$model/UI2/system/components/justep/list/list" class="x-list" xid="fileList" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'},event:{click:$model._callModelFn.bind($model, 'fileListClick')}" data-config="{&quot;data&quot;:&quot;fileData&quot;}"> 
              <ul class="x-list-template hide" xid="listTemplateUl1" style="padding:0px 0px 0px 0px;" data-bind="foreach:{data:$model.foreach_fileList($element),afterRender:$model.foreach_afterRender_fileList.bind($model,$element)}"> 
                <li xid="li1" class="x-flex list-row"> 
                  <div component="$model/UI2/system/components/justep/row/row" class="x-row" xid="row2" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
                    <div class="x-col" xid="col4"> 
                      <div component="$model/UI2/system/components/justep/row/row" class="x-row" xid="row3" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
                        <div class="x-col" xid="col7"> 
                          <div component="$model/UI2/system/components/justep/output/output" class="x-flex1 x-output title-data" xid="output9" data-bind="component:{ref:ref('fileName'),name:'$model/UI2/system/components/justep/output/output'}"/> 
                        </div> 
                      </div>  
                      <div component="$model/UI2/system/components/justep/row/row" class="x-row" xid="row4" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}"> 
                        <div class="x-col" xid="col10"> 
                          <div component="$model/UI2/system/components/justep/output/output" class="x-flex1 x-output content-data" xid="output10" data-bind="component:{ref:ref('createTime'),name:'$model/UI2/system/components/justep/output/output'}"/> 
                        </div> 
                      </div> 
                    </div>  
                    <div class="x-col x-col-fixed x-col-center" xid="col6" style="width:40px;"> 
                      <i xid="i3" class="icon-social-youtube-outline" style="font-size:25px;color:#C0C0C0;font-weight:100;"/> 
                    </div> 
                  </div> 
                </li> 
              </ul> 
            </div>  
            <div xid="div10" style="height:23px;"/>  
            <div xid="div6"> 
              <a component="$model/UI2/system/components/justep/button/button" class="btn x-gray device-button-black" xid="deleteBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:deleteBtnClick" data-config="{&quot;label&quot;:&quot;清空历史记录&quot;}"> 
                <i xid="i4"/>  
                <span xid="span3">清空历史记录</span> 
              </a> 
            </div> 
          </div> 
        </div>  
        <div class="x-panel-bottom device-bottom" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" data-config="{&quot;height&quot;:&quot;100px&quot;}"> 
          <div xid="content" style="padding:10px 10px 10px 10px;"> 
            <div id="titleDiv" xid="titleDiv"> 
              <label xid="operateLabel" id="operateLabel"/> 
            </div>  
            <div id="fileDiv" xid="fileDiv"> 
              <label xid="resultLabel" id="resultLabel"/> 
            </div> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div> 
</div>
